﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
<link rel="stylesheet" type="text/css" href="/UIFramkwork/jquery_easyui_1_3_2/themes/default/easyui.css">   
<link rel="stylesheet" type="text/css" href="/UIFramkwork/jquery_easyui_1_3_2/themes/icon.css">   
<script type="text/javascript" src="/UIFramkwork/jquery_easyui_1_3_2/jquery-1.8.0.min.js"></script>   
<script type="text/javascript" src="/UIFramkwork/jquery_easyui_1_3_2/jquery.easyui.min.js"></script> 
</head>
<body>
 <script type="text/javascript">
     function qq(value, name) {
         alert(value + ":" + name)
     } 
</script> 

 <input id="ss" class="easyui-searchbox" style="width:300px" 
data-options="searcher:qq,prompt:'Please Input Value',menu:'#mm'"></input> 

<div id="mm" style="width:120px"> 
<div data-options="name:'all',iconCls:'icon-ok'">All News</div> 
<div data-options="name:'sports'">Sports News</div> 
<div data-options="name:'aa',iconCls:'icon-search'">aa News</div> 
</div> 



<input id="Text1"></input> 
<div id="Div1" style="width:120px"> 
<div data-options="name:'all',iconCls:'icon-ok'">All News</div> 
<div data-options="name:'sports'">Sports News</div> 
</div>





<script type="text/javascript">

    $('#Text1').searchbox({
        searcher: function (value, name) {
            alert(value + "," + name)
        },
        menu: '#Div1',
        prompt: 'Please Input Value'
    }); 





</script>


</body>
</html>
